<template>
	<div class="normal-bg mt16 order-header">
		<p class="name">曼秀雷敦男士男士冰爽控油醒肤控油肤曼秀雷敦男士男士冰爽控油醒肤控油肤…</p>
		<p class="amount"><span class="price"><small>¥</small>298.00</span><span class="num">×1</span></p>
	</div>
	<div class="normal-bg mt16">
         <dl class="address">
             <dd>收货地址</dd>
             <dd>
                 <div class="detail">
	                 <p><span class="gray">请收货</span></p>
	                 <p>孙小兵  13812345678</p>
					 <p>上海市长宁区新华路街道华山路</p>
					 <p>1520弄15号车享大楼</p>
				 </div>
             </dd>
             
         </dl>
	</div>
	<div class="normal-bg mt16 normal-bg-bottom">
       <p><span>配送方式</span><span>全国包邮</span></p>
       <p><span>付款方式</span><span>在线支付</span></p>
	</div>
</template>


<style lang="scss" scoped>
	@import '../../assets/css/_functions.scss';
	@import '../../assets/css/_variables.scss';
	
	.normal-bg{
       background-color: $_fff;
       padding: rem(14) rem(15);
       font-size: rem(14);
	}
    .order-header .name{
       width: rem(274);
       height: rem(36);
       font-size: rem(14);
       line-height: rem(18)
    }
    .order-header .amount{margin-top: rem(18);}
    .order-header .amount .price{color:$_ff0000;font-size: rem(14);}
    .order-header .amount .price small{font-size: rem(12); margin-right: rem(3)}
    .order-header .amount .num{
	   font-size:rem(14);
	   color:$_666;
	   float: right;
    }
    .address{
    	clear: both;
    	overflow: hidden;
    }
    .address dd{
    	float: left;
    	text-align: right;
    }
    .address dd:nth-child(1){
    	width: rem(56);
    }
    .address dd:nth-child(2){
    	width: rem(289);
    }
    .address .detail{
    	width: rem(289);
    	padding-right: rem(17);
    	padding-left: rem(76);
    	background: transparent url(../../assets/images/arrow.png) no-repeat right center ;
    }
    .normal-bg-bottom{
    	padding-right: 0;
    }
    .normal-bg-bottom p{clear: both;overflow: hidden;}
    .normal-bg-bottom p:nth-child(1){
    	border-bottom: 1px solid #dedede;
    	padding-bottom: rem(15);
    }
    .normal-bg-bottom p:nth-child(2){
    	padding-top: rem(15);
    }
    .normal-bg-bottom p span:nth-child(2){
    	float: right;
    	margin-right: rem(15);
    }
    .gray{
    	color: $_999;
    }
</style>